<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<script type="text/javascript">
$(document).ready(function(){
    $("#form_login").submit(function(){
        $('#message_login').empty();
        $('div.error-field').empty().hide();
        
        if ($(this).children("[name=login]").val() == "") {
            $('#form_login-login').html("Введите логин!").show("slow");;
            return false;
        }
        
        if ($(this).children("[name=password]").val() == "") {
            $('#form_login-password').html("Введите пароль!").show("slow");
            return false;
        }
        
        $.ajax({url: '<c:url value="/api/login.json" />',
            type: "POST",
            data: $("#form_login").serialize(),
            success: function(data, status) {

                if (data.loggedIn) {
                    if ($.inArray("ROLE_ADMIN", data.rolesName) != -1) {
                        window.location = '<c:url value="/admin/" />';
                    } else if ($.inArray("ROLE_USER", data.rolesName) != -1) {
                        window.location = '<c:url value="/cabinet/" />';
                    }
                } else {
                    $('#message_login').html("Неправильный логин или пароль!");
                }
            },
            error: function() {
                var message = "В данный момент сервер недоступен!";
                $('#message_login').html(message);
            }
        });
        return false;
    });
});        
</script>
<div id="message_login" style="padding:10px;color:red;"></div>
<form id="form_login" method="post">
        <input type="text" name="login" placeholder="Логин или электронная почта" size="30" />
        <div id="form_login-login" class="error-field"></div>
        <input type="password" name="password" placeholder="Пароль" size="30" />
        <div id="form_login-password" class="error-field"></div>
        <input id="rememberMe" type="checkbox" name="rememberMe" value="1" />
        <label class="string optional">Запомнить меня</label>
        <input class="btn btn-primary" type="submit" name="commit" value="Войти" />
        <a href="<c:url value="/password_recovery.html" />">Я забыл пароль</a>
</form>